<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.cyys.com/cyystaglib" prefix="cyys"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
  	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<title>${SYSTEM_NAME}</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layuiadmin/layui/css/layui.css?v=${FILE_VERSION}" media="all">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layuiadmin/style/admin.css?v=${FILE_VERSION}" media="all">
</head>
<body>
	<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-header">字典管理</div>
		<div class="layui-card-body">
			<div class="layui-form layer-query">
			  <div class="layui-form-item">
			   <div class="layui-inline">
				 <label class="layui-form-label">字典名称：</label>
				 <div class="layui-input-inline">
				   <input type="text" name="name" placeholder="请输入字典名称" id="name" autocomplete="off" class="layui-input">
				 </div>
			   </div>

				  <div class="layui-inline">
					  <button class="layui-btn layui-btn-primary layui-border-blue" onclick="reload()">查询</button>
				  </div>
			  </div>
			</div>
			<hr class="layui-bg-green">
			<table class="layui-table" lay-filter="tableList" id="layerTable">
			</table>
		</div>
	</div>
	</div>

	<script type="text/html" id="toolbar">
		<div class="layui-btn-container">
			<button class="layui-btn layui-btn-primary layui-border-blue" onclick="addLayer('/sys/paramBasic/add/input');">新增</button>
			<button class="layui-btn layui-btn-primary layui-border-blue" onclick="modi('/sys/paramBasic/edit/input');">编辑</button>
			<button class="layui-btn layui-btn-primary layui-border-red" onclick="deleteBatch('/sys/paramBasic/del/deleteByIds');">删除</button>
			<button class="layui-btn layui-btn-primary layui-border-blue" onclick="initParam()">更新字典缓存</button>
		</div>
	</script>

	<script type="text/html" id="barDemo">
		<a class="layui-btn layui-btn-xs layui-btn-primary layui-border-blue" lay-event="typeList">字典管理</a>
		<a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs" lay-event="edit">编辑</a>
		<a class="layui-btn layui-btn-primary layui-border-red layui-btn-xs" lay-event="del">删除</a>
	</script>

<script src="${pageContext.request.contextPath}/static/js/common-2.0.0.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/layuiadmin/layui/layui.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.min.js?v=${FILE_VERSION}"></script>
<script src="${pageContext.request.contextPath}/static/js/common/core-2.0.0.js?v=${FILE_VERSION}"></script>
<script>
var table;
layui.use(['table','element'], function(){
  table = layui.table;
  table.render({ //其它参数在此省略
	  elem : '#layerTable',
	  height: 'full-180',
	  even :"true",
	  toolbar: '#toolbar',
	  defaultToolbar: ['filter', 'exports', 'print'],
	  limit: 10,
	  limits: [10,30,50,100],
	  id: 'tableList',
	  url: getContextPath() + '/sys/paramBasic/list/paramBasicList',
	  page:true, 
	  method: 'post', //如果无需自定义HTTP类型，可不加该参数
	  cols:  [[ //标题栏
         {checkbox: true, fixed: true}
         ,{field:'id', width:120,  fixed: true,title:"ID"}
         ,{field:'name', title:"字典名称",minWidth: 120}
		  ,{field:'systemName', title:"系统内部名称",width: 260}
		  ,{field:'sort', sort: true,title:"排序",width: 120}
         ,{fixed: 'right', width:240, align:'center',title:"操作", toolbar: '#barDemo'}
       ]],
	  request: {
          pageName: 'current', //页码的参数名称，默认：page
          limitName: 'size' //每页数据量的参数名，默认：limit
	  } //如果无需自定义请求参数，可不加该参数
	});
  
  //监听工具条
  table.on('tool(tableList)', function(obj){
    var data = obj.data;
    if(obj.event === 'del'){
		deleteById(data,obj,'/sys/paramBasic/del/deleteById');
    } else if(obj.event === 'edit'){
		addLayer('/sys/paramBasic/edit/input', data.id);
    }else if(obj.event === 'typeList'){
		openTypeList(data.id, data.name);
	}
  });

});

function reload(){
	var name = $('#name').val();
    table.reload('tableList', {
  	  where: {
  		  "name": name
         }
    });
}

function initParam(){
	layer.confirm('您确定要更新字典缓存吗？', function(index){
		$ajax({
			url: "/sys/paramBasic/init/initParamBasic"
		});
	});
}

function openTypeList(id, name) {
	var url = getContextPath() + "/sys/paramBasicType/list?basicId=" + id + "&basicName=" + name;
	layer.open({
		title : name + "字典管理",
		type: 2,
		area: ['95%', '95%'],
		anim: 2,
		content: [url, 'yes']
	});
}
</script>
</body>
</html>